今日要點
》介紹 flutter_shuqi 專案
》下載並編譯 flutter_shuqi 專案
》程式架構研究

介紹 flutter_shuqi 專案

今天要介紹的Github專案，flutter_shuqi 是一個模仿書旗小說閱讀器App的版面配置的 flutter 專案。huanxsd/flutter_shuqi 有 2K 的星星。有個朋友很喜歡看小說，也許有機會可以專門幫朋友客製化一下。

先看看他在 README.md 裡介紹的執行畫面，來看看效果。

版面配置真的很不錯，值得收藏起來研究。

下載並編譯 flutter_shuqi 專案

所以我們就來練習編譯一下看看有沒有問題。

那麼我們就開始下載並且建立這個 flutter_shuqi 專案囉。

% git clone https://github.com/huanxsd/flutter_shuqi.git

Cloning into 'flutter_shuqi'...
remote: Enumerating objects: 51, done.
remote: Counting objects: 100% (51/51), done.
remote: Compressing objects: 100% (40/40), done.
remote: Total 751 (delta 14), reused 26 (delta 8), pack-reused 700
Receiving objects: 100% (751/751), 6.87 MiB | 1.58 MiB/s, done.
Resolving deltas: 100% (271/271), done.

% cd flutter_shuqi 
% flutter pub get

Running "flutter pub get" in flutter_shuqi...     3.5s

試 build 一下，

% flutter run -d all

嗯，iOS OK，但 Android 出現 Error。

Execution failed for task ':app:preDebugBuild'. Android dependency 'androidx.core:core' has different version for the compile (1.1.0) and runtime (1.3.1) classpath. You should manually set the same version via DependencyResolution

在 android/build.gradle 中修正一下，把 classpath 'com.android.tools.build:gradle:3.2.1' 改為 classpath 'com.android.tools.build:gradle:3.3.1'。

    dependencies {
        classpath 'com.android.tools.build:gradle:3.3.1'
    }

重 build 一下，

% flutter run -d all

ok，都成功了，iOS OK，Android 也 OK。

因為只是示範性版面配置專案，所以不管你點那一本，都是轉到逆天神醫這本小說，版面配置的很不錯，有空再來研究。

程式架構研究

main.dart -> app_scene.dart : MaterialApp , RootScene

root_scene.dart : Scaffold

今天就先這樣吧。

好，第22天，寫完。

參考

flutter build failed. Android dependency 'androidx.core:core' has different version for the compile (1.0.0) and runtime (1.0.1) classpath
书旗小说阅读器 android / iOS